/* starry */

#content{
  position: relative;
  width: 16rem;
  margin:  0 auto;
}
#guide{
  position: absolute;
  left: 50%;
  margin-left: -8rem;
  width: 16rem;
  height: 100%;
  overflow: hidden;
}
#guide-arrow{
  position: absolute;
  bottom: 2rem;
  left: 50%;
  margin-left: -90px;
}
#guide-arrow li{
  float: left;
  padding: 2px 12px;
  margin-right: 15px;
  background-color: #fafafa;
  -webkit-transform:skew(-40deg,0deg);
  transform:skew(-40deg,0deg);
}
#guide-arrow .active{
  background-color: #a9a9a9;
}
#guide-wrapper{
  width: 80rem;
  height: 100%;
  overflow: hidden;
}
#guide-wrapper div{
  width: 16rem;
  height: 100%;
  float: left;
}
#btn-group{
  border-top: 1px solid #e1e1e1;
  height: auto;
}
#btn-group:after{
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#btn-group a{
  float: left;
  display: block;
  margin: 0.44rem 0.859rem;
  position: relative;
}
#btn-group a img{
  width: 2.25rem;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.fz12{
  font-size: 12px;
}
.text-fr{
  text-align: right;
}
.text-fl{
  text-align: left;
}
.text-center{
  text-align: center;
}
.clear:after{
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.gery{
  color: #989898;
}
.decora-none{
  text-decoration: none;
}
.noborder{
  border: 0 !important;
}
.noborder-top{
  border-top: 0 !important;
}
.noborder-bottom{
  border-bottom: 0 !important;
}
.noborder-left{
  border-left: 0 !important;
}
.noborder-right{
  border-right: 0 !important;
}
.nopadding-left{
  padding-left: 0 !important;
}
.relative{
  position: relative;
}
#user-bg{
  width: 100%;
  height: 8rem;
  background: url(../img/user-bg.png) center center no-repeat;
  background-size: 16rem 8rem;
}
.user-bg-bottom{
  width: 100%;
  position: absolute;
  height: 44px;
  bottom: 0;
  left: 0;
  line-height: 44px;
}
.user-bg-bottom div{
  width: 50%;
  height: 100%;
  text-align: center;
  color: #fff;
}
.user-bg-bottom div img{
  height: 20px;
  vertical-align: text-bottom;
  padding-right: 5px;
}
.user-ava{
  height: 3rem;
  top: 2.07rem;
  padding-left: 1.62rem;
}
.ava{
  width: 3rem;
  background-size: 3rem;
  border-radius: 50%;
}
.user-ava p{
  font-size: 16px;
  color: #fff;
}
.user-info{
  position: absolute;
  top: 50%;
  margin-top: -30px;
  left: 5rem;
}
.user-vip{
  width: 45px;
  display: inline-block;
  height: 18px;
  background: url(../img/vip1.png) 0 0 no-repeat;
  background-size: 45px 18px;
  color: #fff;
  text-align: left;
  line-height: 18px;
  padding-left: 32px;
}
.list-li-bg li{
  background: url(../img/arrow-right.png) 98% center no-repeat;
  background-size: 8px;
}
.list-li-bg li img{
  width:20px;
  vertical-align:text-top;
  margin-right:15px;
}
.dd-p{
  padding: 20px;
  color: #333;
  line-height: 28px;
  text-indent: 28px;
  background-color: #fafafa;
}
.deal-box{
  border: 1px solid #cecece;
  background-color: #fafafa;
  padding: 5px;
  margin-top: 0.59rem;
}
.deal-box img{
  width: 100%;
}
.deal-box p{
  font-size: 0.533rem;
}
.deal-box s{
  padding-left: 0.296rem;
  color: #cecece;
}
#error-msg{
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -11px;
}
.list-share{
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 20px;
  text-indent: 25px;
}
#feedback-send{
  position: absolute;
  right: 0;
  top: 0;
  background-color: #666666;
  border: 0;
  height: 28px;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  border-top-right-radius:2px;
  border-bottom-right-radius:2px;
  z-index: 999;
}
.block{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.border-bottom-grey{
  border-bottom: 1px solid #e1e1e1;
}
.border-top-grey{
  border-top: 1px solid #e1e1e1;
}
.bg-color-fa{
  background-color: #fafafa;
}
.bg-color-ff{
  background-color: #fff;
}
.bg-color-orange{
  background-color: #f0d8c7;
}
.opacity-9{
  opacity: 0.9;
}
.exchange-block-p{
  padding:30px 20px 0 20px;
  color: #ff6000;
  font-size: 16px;
  font-weight: bold;
  line-height: 2;
}
.balance-title{
  border: 2px dashed #7a7a7a;
  margin-top: 10px !important;
}
.balance-title p{
  color: #666;
}
.balance-title p:first-child{
  color: #e12f32;
  font-size: 16px;
}
#balance-toggle{
  border:0;
  border-bottom:1px solid #ccc;
  padding-left: 10px;
  margin-top: 1px;
}
.tutorial-img{
  width: 100%;
  padding-bottom: 20px;
}
.tutorial-p-title{
  font-size: 14px;
}
.guide-start .ng-hide{
  opacity: 0;
}
.guide-start .ng-hide-add,
.guide-start .ng-hide-add-active{
  -webkit-animation: slidedown 1s linear;
}
.guide-start .ng-hide-remove,
.guide-start .ng-hide-remove-active{
  -webkit-animation: slideup 1s linear;
}
.missorder p{
  padding: 10px 0 0 0;
  position: relative;
}
.missorder-state{
  color: #fff;
  border-radius: 2px;
  padding: 0 5px;
  margin-left: 10px;
}
.share-friend{
  background-color: #f5f5f5;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  padding: 0.3rem 0;
}
.share-friend img{
  width: 0.9rem;
  vertical-align: middle;
  margin: 0 0.3rem;
}
.share-friend span{
  position: relative;
  top: 0.06rem;
}
@keyframes blink{
  0%   {opacity: 0;}
  100% {opacity: 1;}
}

@-moz-keyframes blink {
  0%   {opacity: 0;}
  100% {opacity: 1;}
}

@-webkit-keyframes blink {
  0%   {opacity: 0;}
  100% {opacity: 1;}
}

@-o-keyframes blink {
  0%   {opacity: 0;}
  100% {opacity: 1;}
}

@-webkit-keyframes slideup {
  0%   {opacity: 0;}
  100% {opacity: 1;}
}

@-webkit-keyframes slidedown {
  0%   {opacity: 1;}
  100% {opacity: 0;}
}
.tab-title {
  font-size: 14px;
}
.public-search:before{
  margin-top: 0 !important;
}
.jf-help:before{
  margin-top: 0 !important;
  font-size: 22px !important;
  padding-left: 5px !important;
}
.jfb-help-ul h4{
  color: #333;
}
.jfb-help-ul p{
  color: #838383;
  padding-left: 10px;
  font-size: 12px;
}
.grow-up-wrapper{
  height: 150px;
  width: 100%;
  line-height: 150px;
  text-align: center;
  position: relative;
  background-color: #50a3a2;
  background: linear-gradient(to top left, #50a3a2 0%, #53e3a6 100%);
  overflow: hidden;
}
.grow-up-wrapper p{
  color: #fff;
}
.grow-up-circle{
  width: 90px;
  height: 90px;
  position: absolute;
  top: 50%;
  left:50%;
  margin-top: -45px;
  margin-left: -45px;
  border-radius: 50%;
  border-width: 5px;
  border-color: transparent #fafafa #fafafa;
  border-style: solid;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  animation:rotate-clock-border 0.5s cubic-bezier(0.645, 0, 0.605, 1) 0.69s 1 forwards;
  -webkit-animation: rotate-clock-border 0.5s cubic-bezier(0.645, 0, 0.605, 1) 0.69s 1 forwards;
}
@-webkit-keyframes rotate-clock-border{
  0%{ -webkit-transform: rotate( 45deg); }
  100%{ -webkit-transform: rotate( 315deg); }
}
@keyframes rotate-clock-border{
  0%{ transform: rotate( 45deg); }
  100%{ transform: rotate( 315deg); }
}
.grow-up-circle-content{
  width: 90px;
  height: 90px;
  position: absolute;
  top: 50%;
  left:50%;
  margin-top: -45px;
  margin-left: -45px;
  border-radius: 50%;
  line-height: 90px;
  text-shadow: 2px 2px 3px #cecece;
  text-align: center;
  font-size: 22px;
  color: #fff;
}
.grow-up-circle-content span{
  position: absolute;
  bottom: 0;
  font-size: 12px;
  line-height: 42px;
  left: 26px;
  text-shadow:0px 0px 0px #fff;
}
.bubble li{
  position: absolute;
  width: 40px;
  height: 40px;
  list-style: none;
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-animation: bubble 25s infinite;
  animation: bubble 25s infinite;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  bottom: -150px;
}
.bubble li:nth-child(1){
  left: 10%;
  animation-delay:1s;
  -webkit-animation-delay:1s
}
.bubble li:nth-child(2){
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay:11s;
  -webkit-animation-delay:11s
}
.bubble li:nth-child(3){
  left: 55%;
  width: 20px;
  height: 20px;
  animation-delay:18s;
  -webkit-animation-delay:18s
}
.bubble li:nth-child(4){
  left: 35%;
  animation-delay:17s;
  -webkit-animation-delay:17s
}
.bubble li:nth-child(5){
  left: 70%;
  animation-delay:13s;
  -webkit-animation-delay:13s
}
.bubble li:nth-child(6){
  left: 85%;
  width: 120px;
  height: 120px;
  animation-delay:0s;
  -webkit-animation-delay:0s
}
.bubble li:nth-child(7){
  left: 60%;
  width: 60px;
  height: 60px;
  animation-delay:10s;
  -webkit-animation-delay:10s
}
.bubble li:nth-child(8){
  left: 90%;
  animation-delay:8s;
  -webkit-animation-delay:8s
}
.bubble li:nth-child(9){
  left: 30%;
  width: 80px;
  height: 80px;
  animation-delay:25s;
  -webkit-animation-delay:25s
}
.bubble li:nth-child(10){
  left: 46%;
  width: 100px;
  height: 100px;
  animation-delay:6s;
  -webkit-animation-delay:6s
}
@-webkit-keyframes bubble {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-800px) rotate(600deg);
    transform: translateY(-800px) rotate(600deg);
  }
}
@keyframes bubble {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-800px) rotate(600deg);
    transform: translateY(-800px) rotate(600deg);
  }
}
.grow-up-content p{
  color: #838383;
}
.grow-up-content li{
  color: #838383;
}
.grow-up-content span{
  color: #ff4246;
}
.grow-up-content a{
  color: #087aaf;
}
.pulling-text-auto{
  font-size: 12px !important;
}
.first-register-tips{
  width: 100%;
  /*background-color: red;*/
  position: fixed;
  bottom: 50px;
  left: 0;
  padding: 0 10px;
  z-index: 9999;
}
.register-tips-block{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #e12f32;
  opacity: 0.7;
  top: 0;
  left: 0;
  border-radius: 4px;
}
.register-tips-content{
  position: relative;
  padding: 6px;
  border-radius: 5px;
}
.register-tips-text{
  position: relative;
  z-index: 999;
  color: #fff;
  font-size: 14px;
}
.register-tips-text span{
  padding-left: 30px;
}
.tips-close{
  color: #fff;
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: -2px;
}
.tips-register{
  position: absolute;
  right: 0px;
  top: -1px;
  padding: 0px 10px;
  /*background-color: #fafafa;*/
  color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  font-size: 12px;
}
.order-tips{
  padding-top: 20px;
  padding-bottom: 0;
  position: relative;
}
#order-tips-content{
  padding: 5px 5px 0 5px;
  background-color: #dbdbdb;
  border-radius: 5px;
  color: #333;
}
#order-tips-content p{
  padding:5px;
}
#order-tips-content a{
  text-decoration: none;
  background-color: #fff;
  padding: 0 5px;
  color: #000;
  border-radius: 3px;
}
.tips-t:after{
  content: '';
  position: absolute;
  top: 13px;
  left: 50px;
  border-left: 8px solid transparent;
  border-right:8px solid transparent;
  border-bottom: 8px solid #cecece;
}
.tips-s:after{
  content: '';
  position: absolute;
  top: 13px;
  right: 50px;
  border-left: 8px solid transparent;
  border-right:8px solid transparent;
  border-bottom: 8px solid #cecece;
}

/*下拉刷新color*/
.ion-ios-refresh-empty{
  color: #33CD5F;
}
.spinner{
  stroke:#33CD5F !important;
  fill:#33CD5F !important;
}
.ion-record{
  font-size: 10px;
}

a{
  text-decoration:none;
}
a:link{
  text-decoration:none;
}
a:visited{
  text-decoration:none;
}
a:hover{
  text-decoration:none;
}
a:active{
  text-decoration:none;
}




.tabs-striped.tabs-light .tab-item.active, .tabs-striped.tabs-light .tab-item.activated {
  color: #8BDF72;
  border-style: solid;
  border-width: 2px 0 0 0;
  border-color: #8BDF72;
}

body{
  font-family: 微软雅黑;
}

.hr {
  border: 1px solid  #E5EAEE;
  float: left;
  position: absolute;
  left: 0px;
  width: 80%;
  border-top-style: initial;
}

.bg{
  background-color:#F6F6F6;
}

.tab-item {
  max-width: 50%;
}

.borderBottom{
  background: url(img/icon/headerline.png);
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}
*{
  font-family: 微软雅黑;
}

.crossLine {
  border: 1px dashed #E5EAEE;
  float: left;
  position: relative;
  top: 27px;
  width: 6%;
  margin: 0 2% 0 2%;
}

.bar .title{
  font-size: 22px;
}

.detailTitle {
  background-color: #fff;
  margin-top: 1.5%;
  margin-bottom:1.5%;
  padding-left: 5%;
  line-height: 40px;
  font-size: 17px;
}
.detailContent {
  background-color: #fff;
  line-height: 30px;
  font-size: 15px;
  padding-left: 5%;
}
.item-radio input:checked~.radio-icon {
  visibility: visible;
}
/*tab页*/
.tabs-striped.tabs-light .tab-item {
  color: black;
  opacity: 1;
}
/*首页*/
.body {
  color: #222;
  font-family: Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif;
  margin: 0;
  padding: 0;
  text-decoration: none;
  background-color: #fff;
  margin-left: 0%;
  margin-top: 2%;
}

.body .mainmenu:after {
  clear: both;
  content: " ";
  display: block;
}

.body .mainmenu li {
  float: left;
  width: 33%;
  overflow: hidden;
  padding: 0.5px;
  background-repeat:no-repeat;
  background-position: center;
  background-size:50px 50px;
  background-position:50% 25%;
}
.body .mainmenu li a {
  display: block;
  color: #FFF;
  text-align: center;
  margin-bottom: 10%;
}

.body .mainmenu li a b {
  display: block;
  /*height: 70px;*/
  height: 2.625rem;
}

.body .mainmenu li a img {
  margin: 15px auto 15px;
  width: 70px;
  height: 70px;
}

.body .mainmenu li a span {
  height: 30px;
  line-height: 30px;
  color: black;
  font-size: 14px;
}

.body .mainmenu li:nth-child(8n+1) {
  background-color: #fff;
  border-top: 0;
  border-bottom: 0;
}

.body .mainmenu li:nth-child(8n+2) {
  background-color: #fff;
  border-top: 0;
  border-bottom: 0;
}

.body .mainmenu li:nth-child(8n+3) {
  background-color: #fff;
  border-top: 0;
  border-right: 0;;
  border-bottom: 0;
}

.body .mainmenu li:nth-child(8n+4) {
  background-color: #fff;
  border-bottom: 0;
}

.body .mainmenu li:nth-child(8n+5) {
  background-color: #fff;
  border-bottom: 0;
}

.body .mainmenu li:nth-child(8n+6) {
  background-color: #fff;
  border-right: 0;
  border-bottom: 0;
}

.body .mainmenu li:nth-child(8n+7) {
  background-color: #fff;
  border-bottom: 0;
}

.body .mainmenu li:nth-child(8n+8) {
  background-color: #fff;
  border-bottom: 0;
}

.body .mainmenu li {
  border: 1px solid #E5EAEE;
  border-left: 0;
}

/*审批页*/
.body_2 {
  color:#222;
  font-family:Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif;
  margin:0; padding: 0;
  text-decoration: none;
  background-color:#fff;
  margin-left:0%;
  margin-top:2%;
}

.body_2 .mainmenu:after {
  clear: both;
  content: " ";
  display: block;
}

.body_2 .mainmenu li{
  float:left;
  width: 33%;
  overflow:hidden;
  padding:0.5px;
  background-repeat:no-repeat;
  background-position: center;
  background-size:50px 50px;
  background-position:50% 25%;
}

.body_2 .mainmenu li a{
  display:block;
  color:#FFF;
  text-align:center;
  margin-bottom: 10%;
}

.body_2 .mainmenu li a b{
  display:block;
  /*height: 70px;*/
  height: 2.625rem;
}

.body_2 .mainmenu li a span{
  height:30px;
  line-height:30px;
  color: black;
}

.body_2 .mainmenu li:nth-child(8n+1) {
  background-color:#fff;
  border-top: 0;
  border-bottom: 0;
}

.body_2 .mainmenu li:nth-child(8n+2) {
  background-color:#fff;
  border-top: 0;
  border-bottom: 0;
}

.body_2 .mainmenu li:nth-child(8n+3) {
  background-color:#fff;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
}

.body_2 .mainmenu li:nth-child(8n+4) {
  background-color:#fff;
  border-bottom: 0;
}

.body_2 .mainmenu li:nth-child(8n+5) {
  background-color:#fff;
  border-bottom: 0;
}

.body_2 .mainmenu li:nth-child(8n+6) {
  background-color:#fff;
  border-bottom: 0;
  border-right: 0;
}

.body_2 .mainmenu li {
  border:1px solid #E5EAEE;
  /*border-top:0;*/
  border-left: 0;
}

/*文本限制*/
.textLimited {
  white-space:nowrap;overflow: hidden;text-overflow: ellipsis;
}
/*进程线*/
@media screen and (min-height:480px) and (max-height:599px){
  .jcline{
    left: 4%;
  }
  .jcline_2{
    left:3%;
  }
}
@media screen and (min-height:600px) and (max-height:670px){
  .jcline{
    left: 3.4%;
  }
  .jcline_2{
    left:2.4%;
  }
}
@media screen and (min-height:671px) and (max-height:740px){
  .jcline{
    left: 3.2%;
  }
  .jcline_2{
    left:2.2%;
  }
}
@media screen and (min-height:1024px) and (max-height:1300px){
  .jcline{
    left: 1.7%;
  }
  .jcline_2{
    left:0.7%;
  }
}

/*屏幕适配*/
/*iPhone5*/
@media screen and (min-width:320px) and (max-width:359px) {
  html {
    font-size: 20px !important;
    /*background-color: blue;*/
  }
}
@media screen and (min-width:360px) and (max-width:374px) {
  html {
    font-size: 22.5px !important;
    /*background-color: blue;*/
  }
}
/*iPhone6*/
@media screen and (min-width:375px) and (max-width:413px) {
  html {
    font-size: 23.4375px !important;
  }
}
/*iPhone6p*/
@media screen and (min-width:414px) and (max-width:479px) {
  html {
    font-size: 25.875px !important;
  }
}
/*480x800*/
@media screen and (min-width:480px) and (max-width:539px) {
  html {
    font-size: 30px !important;
  }
}
/*540x960*/
@media screen and (min-width:540px) and (max-width:719px) {
  html {
    font-size: 33.75px !important;
  }
}
/*720x1280*/
@media screen and (min-width:720px) and (max-width:767px) {
  html {
    font-size: 45px !important;
  }
  .body .mainmenu li a span {
    font-size: 22px;
  }
  .body .mainmenu li img {
    width:300px;
    height:100px;
  }
}
/*iPad*/
@media screen and (min-width:768px) and (max-width:799px) {
  html {
    font-size: 48px !important;
  }
  .body .mainmenu li a span {
    font-size: 22px;
  }
  .body_2 .mainmenu li a span{
    font-size: 22px;
  }
}
/*800x1280*/
@media screen and (min-width:800px) and (max-width:1000px) {
  html {
    font-size: 50px !important;
  }
  .body .mainmenu li a span {
    font-size: 22px;
  }
}

